@CHARSET "UTF-8";
/*********************************menu*************************************/
.nav {
    float:left;
    background:url(images/menu.png) left 33px repeat-x;
    position:relative;
    width:100%;
}
.sf-menu {
    float:left;
    padding:33px 0 0 0;
}
.sf-menu li {
    float:left; 
    position:relative;
    background:url(images/menu2.gif) right top no-repeat;
    padding:0 1px 0 0;
}
.sf-menu li a {
    background:url(images/menu.png) left top repeat-x #001625;
    display:inline-block; 
    font-size:18px; 
    line-height:22px; 
    padding:19px 15px 20px 16px; 
    text-transform:uppercase;
    text-decoration:none;
    border:none;
    margin:0;
}
.sf-menu li.active,
.sf-menu li:hover,
.sf-menu > li.sfHover {
    background:url(images/menu1.gif) right top no-repeat;

}
.sf-menu li.last {
    background:none;
}
.sf-menu li a.active,
.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a {
    background:url(images/menu.png) left bottom repeat-x #001625;
}

.sf-menu ul {
    top:-9999px;
    padding:12px 0;
    position:       absolute;
    width:          167px;
    background:     #0b1b30;
}
.sf-menu ul ul { background:#202935;}
.sf-menu ul li {width: 100%; border:none; background:none;}
.sf-menu li:hover {visibility: inherit;}
.sf-menu li li { margin:0; padding:0;}
.sf-menu li li a,
.sf-menu li li li a {
    text-transform:none;
    border:none;
    display:        block;
    padding:        0 0 0 20px;
    font-size:      12px;
    line-height:    26px;
    color:          #fff;
    background:none;
}
.sf-menu li li > a:hover, 
.sf-menu li li.sfHover > a{
    color:#75b202;
}
.sf-menu li li li a:hover {
    color:#f15d05;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left:           0px;
    top:            61px;
    z-index:        999;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top:            0;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left:           167px;
    top:            -12px;
    z-index:        9999;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}


/*********************************lists*************************************/
.ul-1 {
    position:relative;
    padding: 0 0 13px 0;
}
.ul-1 li {
    float:left;
    padding-left:15px;
}
.ul-1 li a {
    color:#fff;
    text-decoration:none;
}
.ul-1 li a:hover {
    text-decoration:underline;
}

.ul-2 {
    position:relative;
}
.ul-2 li {
}
.ul-2 > li > a {
    text-decoration:none;
    display:block;
    height:68px;
    background:url(images/ul2_a.png) repeat-x left top;
    border-left:1px #018abd solid;
    border-right:1px #0271a3 solid;
}
.ul-2 li a span {
    cursor:pointer;
    padding:12px 0 0 68px;
    display:block;
    height:56px;
    color:#f8f8f8;
    text-transform:uppercase;
    font-weight:bold;
    font-size:23px;
    line-height:28px;
}

.ul2_bg1 {background:url(images/page1_img-1.png) 9px top no-repeat;}
.ul2_bg2 {background:url(images/page1_img-2.png) 9px top no-repeat;}
.ul2_bg3 {background:url(images/page1_img-3.png) 9px top no-repeat;}
.ul2_bg4 {background:url(images/page1_img-4.png) 9px top no-repeat;}

.ul-2 li a span em {
    color:#e1e1e1;
    cursor:pointer;
    display:block;
    font-weight:bold;
    font-style:normal;
    font-size:14px;
    line-height:16px;
    margin-top:-3px;
}
.ul-2 > li > a:hover {
    border-left:1px #024686 solid;
    border-right:1px #012139 solid;
    background:url(images/ul2_a.png) repeat-x left bottom;
}
.ul-3 {
    background:#fff;
    border-left:1px #eeeeee solid;
    border-right:1px #eeeeee solid;
}
.ul-3 li {
    line-height:34px;
    border-bottom:1px #eeeeee solid;
    padding:0 0 0 0;
}
.ul-3 li a {
    font-size:12px;
    background:#fff;
    display:block;
    color:#888a93;
    padding:0 0 0 21px;
    text-decoration:none;
}
.ul-3 li a:hover {
    font-weight:bold;
    background:#f9f9f9;
    color:#2d2d2d;
}
.ul-4 {
    border-left:1px solid #eee;
    position:relative;
    overflow:hidden;
    width:100%;
    border-right:1px #eeeeee solid;
}
.ul-4 li {
    background:url(images/ul4_li.png) left top repeat-x #fff;
    font-size:12px;
    line-height:15px;
    padding:17px 0 15px 22px;
    display:block;
    border-bottom:1px #eeeeee solid;
    position:relative;
}
.ul-4 li:hover {
    background:url(images/ul4_li.png) left bottom repeat-x #f6f6f6;
}
.ul-4 li strong {
    color:#027fb6;
    display:block;
}
.ul-4 li a {
    display:inline-block;
    line-height:17px;
    text-decoration:none;
    color:#888a93;
    position:relative;
    
}
.ul-4 li a:hover {
    color:#000;
}
.ul-4 li:hover a span,
.ul-4 li a span {
    display:inline-block;
    width:4px;
    height:8px;
    margin:5px 0 0 8px;
    background:url(images/marker3.png) right top no-repeat;
}
.ul-5 {
    position:relative;
    overflow:hidden;
    margin:0 0 4px 4px;
    width:290px;
}
.ul-5 li {
    position:relative;
    overflow:hidden;
    margin-bottom:11px;
    padding:0 15px 0 89px;
    height:68px;
    font-size:12px;
    line-height:17px;

}
.ul-5 li.last-ch {
    margin-bottom:0;
}
.ul5_1 {
    background:url(images/ul5_li.png) left top no-repeat;
}
.ul5_1:hover {
    background:url(images/ul5_li.png) left bottom no-repeat;
}
.ul5_2 {
    background:url(images/ul5_li2.png) left top no-repeat;
}
.ul5_2:hover {
    background:url(images/ul5_li2.png) left bottom no-repeat;
}
.ul5_3 {
    background:url(images/ul5_li3.png) left top no-repeat;
}
.ul5_3:hover {
    background:url(images/ul5_li3.png) left bottom no-repeat;
}
.ul5_4 {
    background:url(images/ul5_li4.png) left top no-repeat;
}
.ul5_4:hover {
    background:url(images/ul5_li4.png) left bottom no-repeat;
}
.ul-5 li:hover span {
    color:#092c3b;
}
.ul-5 li strong {
    margin-bottom:3px;
}
.ul-5 li span {
    display:inline-block;
    color:#63a7ee;
}
.ul-5 li:hover a{
    width:4px;
    height:7px;
    display:block;
    position:absolute;
    top:50px;
    right:14px;
    background:url(images/marker4.png) right bottom no-repeat;
}
.nav-1 {
    overflow:hidden;
    background:url(images/bg4.gif) repeat-y center top;
    padding:16px 0 16px 0;
    border-bottom:1px #eeeeee solid;
}
.ul-6 {
}
.ul-6 li {
float:left;
padding:0 0 0 20px;
}
.ul-6 li a {
text-decoration:none;
font-size:13px;
line-height:16px;
color:#a8afb3;
}
.ul-6 li a:hover,
.ul-6 li a.active {
text-decoration:underline;
}

.ul-7 {
    padding:6px 0 10px 0;
    margin-left:-2px;
}
.ul-7 li {
    padding:3px 0 4px 10px;
    background:url(images/marker8.png) no-repeat left 8px;
}
.ul-7 li a {
    color:#63a7ee;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:15px;
    text-decoration:none;
    font-weight:bold;
}
.ul-7 li a:hover {
    color:#efefef;
}
.ul-8 {
    border-right:1px #eee solid;
}
.ul-8 li {
    line-height:34px;
    border-bottom:1px #eee solid;
}
.ul-8 li a {
    color:#888a93;
    display:block;
    background:url(images/marker9.png) 21px 10px #fff no-repeat;
    padding:0 0 0 40px;
    font-size:12px;
    text-decoration:none;
}
.ul-8 li a:hover {
    text-decoration:none;
    background-color:#F9F9F9;
}
.ul-9 {
    padding:22px 0 18px 30px;
    overflow:hidden;
    border-left:1px #186fac solid;
    border-right:1px #0a63a3 solid;
    border-bottom:1px #608dba solid;
    background:url(images/ul9.gif) left top #024a92 repeat-x;
    position:relative;
}
.ul-9 li {
    padding:0 13px 0 0;
    float:left;
}
.ul-9 li a {
    color:#dfdfdf;
    font-size:18px;
    line-height:22px;
    text-transform:uppercase;
    text-decoration:none;
}
.ul-9 li a:hover,
.ul-9 li a.active {
    text-decoration:none;
    color:#70b8f8;
}
.ul-10 {
    margin:7px 0 0 20px;
}
.ul-10 li {
    margin-right:3px;
    float:left;
}